<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>finance manager</title>
		<link rel="stylesheet" href="/static/css/site.css" type="text/css" /> 
		<link rel="stylesheet" href="/static/css/custom-theme/jquery-ui-1.8.12.custom.css" type="text/css" /> 
		<script type='text/javascript' src="/static/scripts/jquery/jquery-1.5.1.min.js"></script> 
        <script type='text/javascript' src="/static/scripts/jquery/jquery-ui-1.8.12.custom.min.js"></script> 
		<script type='text/javascript' src="/static/scripts/jquery/jquery.numeric.js"></script> 
		<script type='text/javascript'>
			$(document).ready(function(){ 
				app.load('/services/home', function(){});
			
			});
			var app = {};
			app.post = function(url, data, callback){
				$.post(url, data, function(data) { callback(data); });
			}
			app.load = function(url) {
				$('#menu').animate({width : '0px'});
				
			
				$('#page').fadeOut(function(){
					$('#page').load(url, function() {
						$('#page .numeric-field').numeric();
						$('#page .date-field').each( function (){
							var val = $(this).val();
							$(this).datepicker({ showOtherMonths : true, selectOtherMonths : true });
							$(this).datepicker("option", "dateFormat", "yy-mm-dd");
							$(this).val(val);
						}); 
						$('#page').fadeIn();
					});	
				});
			}
		</script>

	</head>
	
	<body>
		<div id='container'>
			<div id='main-menu'>
				<a href='javascript:app.load("/services/home")'>home</a>
				<a href='javascript:app.load("/services/invoices")'>invoices</a>
				<a href='javascript:app.load("/services/companies")'>companies</a>
				<a href='javascript:app.load("/services/personal")'>personal</a>
				<a href='javascript:app.load("/services/tools")'>tools</a>
			</div>
			<div class='clear'><!-- --></div>
			<div id='page'>
			</div>
		</div>
	</body>

</html>